<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: blue;
				}
				
				.loginDiv{
					width: 550px;
					height: 530px;
					/* 白色背景框 */
					background-color: white;
					/* 让div整体居中 */
					margin: 0 auto;
					/* 让div顶部外边距像素为80px，让div距离顶部远一点 */
					margin-top: 80px;
					/* 调整顶部内边距 */
					padding-top: 30px ;
					/* 让div中的东西全部居中 */
					text-align: center;
				}
					
				.loginInput{			
					
					width:426px;
					height:55px;
					border-radius: 5px;
						/*产生边框圆角 */
					border:1px solid darkgray;
					margin-bottom :20px;
					/* 调整1文本框底部外部边距 */
					padding-left: 30px;
					/*文本框背景透明*/
					background-color: transparent;
					margin-left:-25px 									
				}
				.loginBtn{
				width:453px;
				height:55px;
				background-color:#FF6B4D ;
				color:white;
				font-size 20px;
				border-radius:5px;
				/*去掉边框*/
				border:none;
	
				}
				.thirdlogin{
				margin-top:30px;
				margin-bottom:15px ;
				}
				.logpic{
				margin-left: 20px;
				}					
				
			}
			
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<!-- 放logo的div -->
			<!-- 让图片居中 -->
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" width="350px">
			</div>
			<h2>毕业设计管理系统</h2>
			<div>
				<img src="img/user.png""/><input class="loginInput"  type="text" placeholder="请输入用户名">
				<br>
				<img src="img/password.png"/><input class="loginInput" type="password" placeholder="密码"/>
				<br>
				<input class="loginBtn" type="submit" value="登录"/>
			</div>
			<!-- 这个div存放第三方登录图标 -->
			<div class="thirdlogin">
				<img  class="logpic" src="img/weixin.png"/>
				<img class="logpic" src="img/qq.png"/>
				<img class="logpic" src="img/weibo.png">
			</div>
			<div style="font-size:12px">
				技术支持：太原科技大学宋书记
				<br>
				开发者：太原工业学院 王主任
			</div>	
			
	</body>
</html>